* {
    padding: 0;
    margin: 0;
    list-style: none;

}

a {
    text-decoration: none;
}

.headerbox {
    height: 133px;

    .header {
        height: 78px;
        position: relative;
        width: 1000px;
        margin: 0 auto;
        // background-color: #ccc;

        .header-left {
            left: 0;
            display: inline-block;
            cursor: pointer;
            _float: left;
            height: 37px;
            text-indent: -999em;
            background: url(../kgimg/logo.png) no-repeat left top;
            position: absolute;
            top: 20px;
            width: 153px;
        }

        .header-content {
            width: 300px;
            height: 36px;
            margin-left: 193px;
            padding-top: 20px;
            z-index: 9999;
            position: relative;
            // font: 13px/1.5 \5FAE\8F6F\96C5\9ED1, simsun, sans-serif;

            .headerinp {
                position: absolute;
                left: 0;
                top: 0;
                width: 249px;
                height: 24px;
                line-height: 24px;
                border: none;
                margin-left: 14px;
                padding: 5px 0;
                color: #666;
                margin-top: 20px;
                font-size: 13px;
                border: 1px solid #ccc;
                outline: none;
            }

            .search_icon {
                position: absolute;
                background: url(../kgimg/search.png) no-repeat;
                display: block;
                // margin: 9px 0 0 9px;
                // border: 1px solid #ccc;
                top: 30px;
                right: 40px;
                width: 16px;
                height: 16px;
                background-position: -40px -56px;
                cursor: pointer;
            }


        }

        .header-right {
            right: 0px;
            width: 460px;
            top: 30px;
            position: absolute;

            .header-right-kf {
                ul {
                    font-size: 13px;
                    float: left;
                    width: 250px;
                    border-right: 1px solid #e6e6e6;
                    padding-right: 11px;

                    li {
                        float: right;
                        margin-right: 10px;

                        a {
                            color: #777;
                            outline: none;
                        }
                    }
                }
            }

            .header-right-dl {
                a {
                    float: left;
                    display: block;
                    width: 48px;
                    height: 28px;
                    line-height: 28px;
                    border: 1px solid #169af3;
                    border-radius: 2px;
                    text-align: center;
                    color: #fff;
                    margin-left: 30px;
                    cursor: pointer;
                    margin-top: -5px;
                    background-color: #169af3;
                }
            }
        }

    }

    .navWrap {
        position: relative;
        // z-index: 999;
        width: 100%;
        height: 55px;
        background-color: #2c323b;

        .nav {
            width: 1000px;
            position: relative;
            // z-index: 200;
            margin: 0 auto;

            .homeNav {
                position: relative;
                z-index: 2;
                background-color: #2c323b;

                .more {
                    position: relative;
                    width: 113px;

                    :hover {
                        cursor: pointer;
                    }

                    .iconfont {
                        color: #ccc;
                        font-size: 16px;
                        position: absolute;
                        top: 2px;
                        right: 16px;


                    }

                    .icon-xiajiantou {
                        right: 16px;

                    }

                    .icon-shangjiantou {
                        display: none;
                    }

                    ::after {
                        background: url(../kgimg/arrowMored.png) no-repeat left top;
                    }

                    :hover {
                        ::after {
                            display: inline;
                            *height: 20px;
                            *line-height: 20px;
                            _margin-top: 18px;
                            margin-left: 5px;
                            padding: 0 30px;
                            background: url(../images/arrowMored.png) no-repeat no-repeat 72px 8px;
                        }

                    }
                }

                li {
                    display: inline-block;
                    height: 55px;
                    line-height: 55px;

                    &:hover {
                        background-color: #0c8ed9;
                        color: #fff;
                    }

                    a {
                        display: block;
                        padding: 0 30px;
                        color: #fff;
                        font-size: 16px;


                    }
                }

                .secondMenu {
                    font-size: 13px;
                    position: absolute;
                    // left: 324px;
                    top: 55px;
                    display: none;
                    width: 113px;
                    text-align: center;
                    // height: 146px;
                    display: none;
                    background-color: #252a32;
                    z-index: 99;

                    li {
                        float: none;
                        margin: 0;
                        width: 113px;

                        &:hover {
                            color: #fff;
                            background-color: #2d343d;
                        }

                    }

                }
            }

            .subNav {
                display: inline-block;
                position: absolute;
                margin-top: 16px;
                height: 35px;
                top: 0;
                right: 0px;
                z-index: 999;

                li {
                    float: left;

                    .iconfont {
                        font-size: 13px;
                        // margin-right: 5px;
                    }

                    a {
                        &:hover {
                            color: #0c8ed9;
                        }

                        padding-left: 20px;
                        color: #bbb;
                        font-size: 13px;
                    }
                }
            }

        }
    }
}

#footer {
    background: #2c323b;
    // margin-top: 800px;

    .footer {
        padding-bottom: 50px;
        margin: 0 auto;

        .links {
            position: relative;
            zoom: 1;
            font-size: 13px;
            border-bottom: 1px solid #3d424a;
            padding: 15px 0;
            font-size: 12px;
            color: #b1b3b9;
            text-align: center;
             a {
                color: #b1b3b9;
                padding: 10px;
            }
        }
        .copyright{
            width: 1000px;
            margin: 40px auto 0;
            p{
                line-height: 30px;
                text-align: center;
                color: #b1b3b9;
.footerIcon{
        width: 16px;
        height: 16px;
        margin-left: 5px;
        margin-top: -2px;
        // *margin-top: 8px;
        background: url(//www.kugou.com/common/images/footer_icon.png) no-repeat 0 0;
        // *background-position: 0 0;.
        vertical-align: middle;
}
                a{
                    font-size: 13px;
                    color: #b1b3b9;

                }
            }
        }
    }
}